<template>
  <vue-modal
    title="课程配置"
    ok-text="提交"
    cancel-text="取消"
    :show.sync="showModal"
    effect="fade"
    :small="true"
    :width="500"
    :callback="submit">
    <div slot="modal-body" class="modal-body">
      <form class="form-horizontal" role="form" v-el:form>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*置顶</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="form.top">
              <option value="0">不置顶</option>
              <option value="1">置顶</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*名称</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.title">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*摘要</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.summary">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*缩略图</label>
          <div class="col-sm-9 text-left">
            <input type="file" class="form-control" accept="image/jpeg,image/png" v-el:list-pic-file>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*封面图</label>
          <div class="col-sm-9 text-left">
            <input type="file" class="form-control" accept="image/jpeg,image/png" v-el:head-pic-file>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*微店二维码</label>
          <div class="col-sm-9 text-left">
            <input type="file" class="form-control" accept="image/jpeg,image/png" v-el:shop-pic-file>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*微店链接</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.shopUrl">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*对应文章栏目</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.topicId" placeholder="栏目 ID">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*更新频率</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.frequency" placeholder="每周更新">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">课程亮点图</label>
          <div class="col-sm-9 text-left">
            <input type="file" class="form-control" accept="image/jpeg,image/png" v-el:highlights-file>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">解锁包</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.lockedInfo">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">课表</label>
          <div class="col-sm-9 text-left">
            <input type="file" class="form-control" accept="image/jpeg,image/png" v-el:timetable-pic-file>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">名师介绍图</label>
          <div class="col-sm-9 text-left">
            <input type="file" class="form-control" accept="image/jpeg,image/png" v-el:lecturer-intro-file>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">适宜人群图</label>
          <div class="col-sm-9 text-left">
            <input type="file" class="form-control" accept="image/jpeg,image/png" v-el:suitable-for-file>
          </div>
        </div>
      </form>
    </div>
  </vue-modal>
</template>
<style src="./config.css" scoped></style>
<script src="./config.js"></script>